<style type="text/css">
    .actions.clearfix{margin-top: 70px;}
    .q-panel-default{border:none;box-shadow:none!important;}
    ul{list-style: none;}
    i{font-style: normal;}
    .chose_active_li{border: 1px solid #EEEEEE;border-radius: 3px;}
    .chose_active_li:hover{border: 1px solid #6e8cd7;}
    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:visited {
        background-color: #FFFFFF;box-shadow:none;
    }
     .btn-default:active:hover{
         background-color: #FFFFFF;box-shadow:none;
         border: 1px solid #6e8cd7;
     }
    .btn-default:hover{
        border: 1px solid #6e8cd7;
    }
    .layui-layer-btn a{background-color: #FFFFFF;}

</style>
    <!-- <div class="page-title">
        <h3 class="title">推广管理 > 新建活动 </h3>
    </div> -->
    <div class="page-title q-tit-change" style="margin:10px;"> 
        <a href="/promote/index">推广管理</a> > 新建活动 
    </div>
    <div class="row" style="margin:10px;">
        <div class="panel panel-default q-panel-default" style="border:1px solid rgba(0,0,0,0.08)">
            <div class="panel-body">
                <div class="promote-cont">
                    <div class="col-lg-4 q-col-lg-4 m-b-40">
                        <div class=" panel-default chose_active_li" data-adtype="200">
                            <div class="col-sm-3 chose_active_left">
                                <p><img src="/modules/img/slefneed/proactuive.png"></p>
                                <div>预约活动</div>
                            </div>
                            <div class="col-sm-9 chose_active_des">
                                <p style="margin-top: 73px;">快速制作一个预约活动，可选择标准模式、快捷方式、精简模式 </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 q-col-lg-4  m-b-40">
                        <div class=" panel-default chose_active_li"  data-adtype="100">
                            <div class="col-sm-3 chose_active_left">
                                <p><img src="/modules/img/slefneed/shellavtive.png"></p>
                                <div>销售活动</div>
                            </div>
                            <div class="col-sm-9 chose_active_des">
                                <p style="margin-top: 73px;">发起销售或者团购活动</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 q-col-lg-4  m-b-40">
                        <div class=" panel-default chose_active_li"  data-adtype="300">
                            <div class="col-sm-3 chose_active_left">
                                <p><img src="/modules/img/slefneed/appley.png"></p>
                                <div>报名活动</div>
                            </div>
                            <div class="col-sm-9 chose_active_des">
                                <p style="margin-top: 73px;">轻松发起各类报名活动</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div class="layer-promote" style="display: none;">
    <div class="promote-btn btn btn-default " data-type="100">标准模式</div>
    <div class="promote-btn btn btn-default m-l-10" data-type="200">快捷模式</div>
    <div class="promote-btn btn btn-default m-l-10"  data-type="300">精简模式</div>
</div>

<script type="text/javascript">
    seajs.use('promote/index');
</script>


